<template>
    <div>
        <Button class="features-btn btn-auto-m" @click="$router.go(-1)" style="margin-left:10px;margin-top:10px;">
            <Icon type="ios-arrow-back" size="17" />返回
        </Button>
        <Row class="nurse">
            <i-col span="3">
                <div class="img-wrap" v-if="formValidate.PIcDoc">
                    <img :src="formValidate.PIcDoc" alt />
                </div>
            </i-col>
            <i-col span="21">
                <Tabs value="name1">
                    <TabPane label="基本资料" name="name1">
                        <basic></basic>
                    </TabPane>
                    <TabPane label="接单历史" name="name2">基本资料</TabPane>
                    <TabPane label="收益记录" name="name3">基本资料</TabPane>
                    <TabPane label="留言反馈" name="name4">基本资料</TabPane>
                </Tabs>
            </i-col>
        </Row>
    </div>
</template>

<script>
import { getItemDetail } from './service'
import basic from './components/basic'
export default {
    data() {
        return {
            id: '',
            formValidate: {}
        }
    },
    components: {
        basic
    },
    mounted() {
        this.id = this.$route.params.id
        getItemDetail({
            id: this.id
        }).then(res => {
            this.formValidate = res.data
        })
    }
}
</script>

<style lang="less" scoped>
.nurse {
    margin: 20px;
    .img-wrap {
        text-align: center;
    }
    img {
        width: 120px;
        height: 170px;
        border: 1px solid #ccc;
        padding: 10px;
    }
}
</style>